<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="css/base30_font.css"/>
    <link rel="stylesheet" type="text/css" href="css/order-list-new.css"/>
    <title>途牛旅游网会员中心_会员中心_途牛旅游网</title>
    <meta name="keywords" content="会员中心">
    <meta name="description" content="途牛旅游网：中国最大的旅游行业在线电子商务网站，为您提供最为周到的旅游服务。途牛旅游网">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="width">
    <meta name="viewport" id="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="applicable-device" content="mobile">
    <meta name="format-detection" content="telephone=no">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-retina.png">
</head>
<body>
<link href="css/layout/flight_header/header.css" rel="stylesheet" type="text/css"/>
<header class="header-box fixed" id="header">
            <span class="header-back" onclick="javascript:history.go(-1);">
                <i class="icon-title-back effect-active"></i>
            </span>

    <h1>我的订单</h1>
</header>
<!-- contain start -->
<div class="wrapper">
<nav class="order-filter">
    <ul>
        <li id="filterTrigger">全部类型<span class="icon-more"></span></li>
        <li id="sortTrigger">按下单时间排序<span class="icon-more"></span></li>
    </ul>
    <div class="filter-list hidden" id="filterList">
        <span class="arrow-icon left"></span>
        <ul>
            <li data="0">全部类型</li>
            <li data="1">跟团旅游</li>
            <li data="2">自助游</li>
            <li data="8">自驾游</li>
            <li data="4">景点门票</li>
            <li data="3">邮轮旅游</li>
            <li data="9">签证</li>
            <li data="6">酒店</li>
            <li data="5">机票</li>
            <li data="18">火车票</li>
            <li data="15">爆款订单</li>
            <li data="30">礼品卡</li>
            <li data="98">购物退税</li>
            <li data="12">牛人定制</li>
        </ul>
    </div>
    <div class="filter-list hidden" id="sortList">
        <span class="arrow-icon right"></span>
        <ul>
            <li data="0">按下单时间排序</li>
            <li data="1">按出发时间排序</li>
        </ul>
    </div>
</nav>
<div id="orderEmpty" class="hidden">
    <img style="width: 107px;" src="http://img1.tuniucdn.com/site/wap/img/others/niu.png" alt="没有找到任何订单"/>

    <p>没有找到任何订单</p>
</div>

<div id="orderMask" class="hidden"></div>
<ul class="order-cards" id="orderList"></ul>

<script type="text/javascript">
    function getCookie(key) {
        var arr = document.cookie.match(new RegExp('(^| )' + key + '=([^;]*)(;|$)'));
        return arr && arr[2]
    }
    if (document.cookie.indexOf('deviceType') !== -1) {
        document.getElementById('header').style.display = 'none';
        document.getElementsByClassName('order-filter')[0].style.top = 0;
        document.getElementsByClassName('wrapper')[0].style.paddingTop = 0;
    }
    if (isIpad = (getCookie('isPad') === 'YES')) { // is ipad
        document.getElementById('viewport').content = document.getElementById('viewport').content.replace('width=device-width,', '');
    }
</script>

<script type="text/template" id="orderListTemplate">
<% var orderList = data.orderList;
for (var i = 0; i < orderList.length; i++) {
var order = orderList[i];
var orderStatus = 'active';
switch(order.statusDesc) {
case '无效订单':
case '已取消': orderStatus = 'cancel'; break;
}
%>
<li data-id="<%=#order.orderId%>" data-type="<%= order.productType %>"
    id="order_<%=#order.orderId%>"

<% if(order.orderType == 10){ %>
data="http://dynamic.m.tuniu.com/u/drive/order<%= '/' + order.orderId + '/orderType/' + order.orderType %>"
<% }else if(order.orderType == 11){ %>
data="http://dynamic.m.tuniu.com/u/gt/order<%= '/' + order.orderId + '?orderType=' + order.orderType %>"
<% }else if(order.orderType == 5){ %>
data="http://dynamic.m.tuniu.com/m2015/company/order/index<%= '?orderId=' + order.orderId + '&orderType=' + order.orderType %>"
<% }else{ %>
data="http://dynamic.m.tuniu.com/u/order<%= '/' + order.orderId + '?orderType=' + order.orderType %>"
<% } %>
<% if(order.orderType != 2 && order.orderType != 10 && order.orderType != 11){ %>
data-app="tuniuapp://travel/orderdetail?producttype=<%= order.productType + '&orderid=' + order.orderId + '&productid=' + order.productId %>"
<% } %>
>
<div class="card-header">
    <div class="product-type"><%= order.productTypeName %></div>
    <div class="order-status <%= orderStatus %>"><%= order.statusDesc %></div>
</div>
<% if (order.productType == 6) { %>
<!-- 酒店 -->
<div class="card-body">
    <div class="order-name"><%= order.productName %></div>
    <% if (order.ordOtherInfo.roomType != undefined && order.ordOtherInfo.roomNum != undefined) { %>
    <div class="order-info"><%= '' + order.ordOtherInfo.roomType + order.ordOtherInfo.roomNum + '间' %></div>
    <% } %>
    <div class="order-info"><%= order.beginTime + ' 至 ' + order.checkOutDate + (order.ordOtherInfo.nightNum == undefined
        ? '': '共' + order.ordOtherInfo.nightNum + '晚') %>
    </div>
</div>
<% } else if (order.productType == 4) { %>
<div class="card-body">
    <div class="order-name"><%= order.productName %></div>
    <% if (order.ordOtherInfo.ticketNum != undefined) { %>
    <div class="order-info"><%= '' + order.ordOtherInfo.ticketNum + '份 ' + order.beginTime + '出发' %></div>
    <% } %>
</div>
<% } else if (order.productType == 18) {
// 火车票
var train = order.trains;
var departStationType = '', departStationTypeName = '';
var destStationType = '', destStationTypeName = '';
switch (train.departStationType) {
case 0: departStationType = 'start'; departStationTypeName = '始'; break;
case 2: departStationType = 'pass'; departStationTypeName = '过'; break;
case 1: departStationType = 'end'; departStationTypeName = '终'; break;
}
switch (train.destStationType) {
case 0: destStationType = 'start'; destStationTypeName = '始'; break;
case 2: destStationType = 'pass'; destStationTypeName = '过'; break;
case 1: destStationType = 'end'; destStationTypeName = '终'; break;
}
%>
<div class="card-body">
    <div class="train-info">
        <div class="train-station">
            <span class="train-badge <%= departStationType %>"><%= departStationTypeName %></span>

            <div class="station">
                <p><%= train.departStationName %></p>

                <p><%= train.departDepartTime %></p>
            </div>
        </div>
        <div class="train-num">
            <p><%= train.trainNum + '次' %></p>
            <span class="icon-arrow2"></span>
        </div>
        <div class="train-station">
            <span class="train-badge <%= destStationType %>"><%= destStationTypeName %></span>

            <div class="station">
                <p><%= train.destStationName %></p>

                <p><%= train.destArriveTime %></p>
            </div>
        </div>
    </div>
    <div class="order-info">
        <span><%= order.adultNum %>张成人票 <%= order.childNum == 0 ? '' : order.childNum + '张儿童票' %></span>
        <span><%= train.departsDate + '乘车' %></span>
    </div>
</div>
<% } else if (order.productType == 30) { %>
<!-- 礼品卡 -->
<div class="card-body">
    <div class="order-name"><%= order.productName %></div>
</div>
<% if (order.ordOtherInfo.money != undefined && order.ordOtherInfo.num != undefined) { %>
<div class="order-info">
    <span><%= order.ordOtherInfo.money + '(' + order.ordOtherInfo.num + '张)'%></span>
</div>
<% } %>
<% } else if (order.productType == 5) { %>
<!-- 飞机票 -->
<div class="card-body">
    <div class="flight-info">
        <div class="flight-airport"><%= order.flightInfo.departureAirportName %></div>
        <div class="flight-direction">
            <% if (order.flightInfo.innerOrderType == 2 || order.flightInfo.innerOrderType == 5) { %>
            <span class="icon-arrow2"></span>
            <span class="icon-arrow2 reverse"></span>
            <% } else { %>
            <span class="icon-arrow2"></span>
            <% } %>
        </div>
        <div class="flight-airport"><%= order.flightInfo.arriveAirportName %></div>
    </div>
    <div class="order-info">
        <%= order.beginTime + '登机' %>
    </div>
</div>
<% } else if (order.productType == 15 || order.productType == 98) { %>
<!-- 爆款 && 退税 -->
<div class="card-body">
    <div class="order-name"><%= order.productName %></div>
</div>
<% } else { %>
<!-- 跟团、自助、自驾等 -->
<div class="card-body">
    <div class="order-name"><%= order.productName %></div>
    <div class="order-info">
        <span><%= order.adultNum %>位成人 <%= order.childNum == 0 ? '' : order.childNum + '位儿童' %></span>
        <span><%= order.beginTime %>出发</span>
    </div>
</div>
<% } %>
<div class="card-bottom">
    <% var price = order.price;
    if (order.statusDesc == '已取消' || order.statusDesc == '订单取消') {
    price = '已取消';
    } else {
    price = price == '待确认' || price == 0 ? '待确认' : '￥' + price
    } %>
    <div class="order-price"><%= price %></div>
    <!-- 可付款 -->
    <% if (order.canPay != 0) { %>
    <% if (order.canSign) { %>
    <div class="order-action red"
         data="http://dynamic.m.tuniu.com/olb/order/payRedirect<%= '/' + order.orderId + '/' + order.orderType %>"
    <%if(order.orderType != 5 && order.firstPayFlag != 1){%>
    data-app="tuniuapp://travel/signcontract?order_id=<%= order.orderId + '&product_id=' + order.productId +
    '&product_type=' + order.productType + '&product_name=' + order.productName %>"
    <%}%>
    >签约付款
</div>
<% } else if (order.productType == 6 && order.guaranteeFlag == 1) { %>
<div class="order-action red"
     data="/hotel/guarantee<%= '/' + order.orderId %>"
     data-app="tuniuapp://travel/hotelguarantee?backpage=lastpage&order_id=<%= order.orderId %>">去担保
</div>
<% } else { %>
<div class="order-action red"
     data="http://dynamic.m.tuniu.com/userPay/selectPayMethod<%= '?orderId=' + order.orderId + '&orderType=' + order.orderType + '&payType=0' %>"
<%if(order.firstPayFlag != 1){%>
data-app="tuniuapp://travel/orderpay?backpage=lastpage&order_id=<%= order.orderId + '&product_type=' + (order.orderType == 51 ? order.orderType : order.productType) %>"
<%}%>
>立即付款</div>
<% } %>
<% } else if (order.productType == 6 && order.guaranteeFlag == 1) { %>
<!-- 酒店且可担保 -->
<div class="order-action red"
     data="/hotel/guarantee<%= '/' + order.orderId %>"
     data-app="tuniuapp://travel/hotelguarantee?backpage=lastpage&order_id=<%= order.orderId %>">去担保
</div>
<% } else if (order.canComment == 1 && isApp) { %>
<!-- 在App中 且可点评 -->
<% if (order.orderType==11) { %>
<div class="order-action red"
     data-ipad="tuniuapp://travel/remark?order_id=<%= order.orderId + '&product_type=' + order.orderType %>"
     data-app="tuniuapp://travel/remark?order_id=<%= order.orderId + '&product_type=' + order.orderType %>"> 发表点评
</div>
<% } else { %>
<div class="order-action red"
     data-ipad="tuniuapp://travel/remark?order_id=<%= order.orderId + '&product_type=' + order.productType %>"
     data-app="tuniuapp://travel/remark?order_id=<%= order.orderId + '&product_type=' + order.productType %>"> 发表点评
</div>
<% } %>
<% } else { %>

<% var orderActionClass = 'yellow';
if (order.statusDesc == '已取消' || order.statusDesc == '订单取消') {
orderActionClass = 'grey';
} %>

<% if (order.productType == 4) { %>
<div id="ticket_<%=#order.orderId%>" class="hidden order-action green"
     style="right:97px;width: 77px; height: 29px; line-height: 29px; padding: 0px; text-align: center;"
     data="/m2015/myorders/ticket/ticketinfo?orderId=<%=#order.orderId%>&productId=<%=#order.productId %>"
     data-app="/m2015/myorders/ticket/ticketinfo?orderId=<%=#order.orderId%>&productId=<%=#order.productId %>">
    入园凭证
</div>
<% } %>

<div style="right:10px;width: 77px; height: 29px; line-height: 29px; padding: 0px; text-align: center;"
     class="order-action <%= orderActionClass %>"
     data-action="1"
     data-id="<%= order.orderId %>"
     data-type="<%= order.productType %>"
<% if(order.orderType == 10){ %>
data="http://dynamic.m.tuniu.com/u/drive/order<%= '/' + order.orderId + '/orderType/' + order.orderType %>"
<% }else if(order.orderType == 11){ %>
data="http://dynamic.m.tuniu.com/u/gt/order<%= '/' + order.orderId + '?orderType=' + order.orderType %>"
<% }else if(order.orderType == 5){ %>
data="http://dynamic.m.tuniu.com/m2015/company/order/index<%= '?orderId=' + order.orderId + '&orderType=' + order.orderType %>"
<% }else{ %>
data="http://dynamic.m.tuniu.com/u/order<%= '/' + order.orderId + '?orderType=' + order.orderType %>"
<% } %>
<% if(order.orderType != 2 && order.orderType != 10 && order.orderType != 11){ %>
data-app="tuniuapp://travel/orderdetail?producttype=<%= order.productType + '&orderid=' + order.orderId + '&productid=' + order.productId %>"
<% } %>
>查看订单</div>
<% } %>
</div>
</li>
<% } %>
</script>
</div>
<!-- contain end next footer-->

<script type="text/javascript">
    var no_show_download_p_value = [15485, 16276, 14816, 16194, 14895, 16238, 16576, 16670, 16524, 16525, 16526, 16527, 16528, 16529, 16530, 16531, 16532, 16533, 16534, 16238, 16535, 16667];
    var no_show_slider_p_value = [16276];
    var pageName = "无线:会员中心:订单:2337445";

</script>
<input type="hidden" id="appTitle" name="appTitle" value="订单列表"/>

<div id="tn_app_top_bar" style="display: none;">
    <input id="top_bar_title" value="订单列表"/><input id="top_bar_sub_title" value=""/><input id="top_bar_show_refresh"
                                                                                           value=""/>
</div>
<script type="text/javascript" src="js/common/commonV2.js"></script>
<script type="text/javascript" src="js/sea-modules/seajs/1.3.1/sea.js"></script>
<script type="text/javascript" src="js/new_config.js"></script>
<script type="text/javascript" src="js/business-modules/member/orderList.min.js"></script>
</body>
<script type="text/javascript" src="js/global_old.min.js"></script>
<script>
    window.COLLECT && window.COLLECT("", "无线:会员中心:订单:2337445", "", "/无线/会员中心/订单/2337445");
</script>
<!-- Time: 2015-08-25 18:47:20 -->
</html>
